<script type="text/javascript">
    (function ($) {
        function changeStr1(w1, w2, item) {
            return `<table width="100%" bgcolor="#dfdfdf" cellspacing="0" cellpadding="0" border="0" align="center">
                        <tbody>
                            <tr>
                                <td height="20"></td>
                                <td height="20"></td>
                                <td height="20"></td>
                            </tr>
                            <tr>
                                <td width="${w1}%" style=" vertical-align:middle;">
                                    <div style="font-size: 35px;color:#333;line-height: 35px;font-family: 'microsoft yahei',Arial, Helvetica,Arial,sans-serif;text-align: center;margin:0px;height: 0px;border-bottom: 2px dashed #333;"></div>
                                </td>
                                <td width="${w2}%" style="vertical-align:bottom;">
                                    <p style="font-size: 35px;color:#333;line-height: 35px;;font-family: 'microsoft yahei',Arial, Helvetica,Arial,sans-serif;text-align: center;margin:0px;">${item}</p>
                                </td>
                                <td width="${w1}%" style=" vertical-align:middle;">
                                    <div style="font-size: 35px;;color:#333;line-height: 35px;;font-family: 'microsoft yahei',Arial, Helvetica,Arial,sans-serif;text-align: center;margin:0px;height: 0px;border-bottom: 2px dashed #333;"></div>
                                </td>
                            </tr>
                            <tr>
                                <td height="20"></td>
                                <td height="20"></td>
                                <td height="20"></td>
                            </tr>
                        </tbody>
                    </table>`
        }
        var str1 = ` <td style="vertical-align:bottom;background: #fff;font-family: 'microsoft yahei',Arial, Helvetica,Arial,sans-serif;text-align: center;">
                        <a href="#" style="text-decoration: none;color:#333;display:block;">
                            <img style="border:0; margin:0;padding:10px 0 0 0; overflow:hidden;" src="./images/201606032.jpg" alt="Original Reacondicionado iPhone 5 64GB Negro">
                            <span style="font-size: 15px;color:#333;line-height: 18px;margin:0px;">Original Reacondicionado iPhone 5 64GB Negro</span>
                        </a>
                        <table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
                            <tbody>
                                <tr>
                                    <td height="39" style="padding: 10px; vertical-align:bottom;color:#333;line-height: 18px;font-family: 'microsoft yahei',Arial, Helvetica,Arial,sans-serif;margin:0px;text-align:left;">
                                        <span style="font-size: 20px;font-weight: bold;text-align: left;">199.99€</span>
                                        <br>
                                        <span style="font-size: 12px;text-decoration: line-through;text-align: left;">209.99€</span>
                                    </td>
                                    <td height="39" style="padding: 10px;text-align:right;vertical-align:bottom;color:#333;line-height: 18px;font-family: 'microsoft yahei',Arial, Helvetica,Arial,sans-serif;margin:0px;">
                                        <a href="#" style="font-size: 15px;text-align: right;color:#333;text-decoration: none;">Comprar&nbsp;&gt;&gt;</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>`,
            str2 = ` <tr>
                        <td style="vertical-align:bottom;font-family: 'microsoft yahei',Arial, Helvetica,Arial,sans-serif;text-align: center;">
                            <p style="font-size: 24px;color:#fff;line-height: 55px;margin:0px;">
                                <a style="background:#11b6d6;padding: 3px 10px;color:#fff;text-decoration: none;" href="#">Ver más&gt;&gt;</a>
                            </p>
                        </td>
                    </tr>`
        str3 = `<table width="100%" bgcolor="#dfdfdf" cellspacing="0" cellpadding="0" border="0" align="center">
                        <tbody>
                            <tr>
                                ${str1}
                                <td width="10"></td>
                                ${str1}
                                <td width="10"></td>
                                ${str1}
                            </tr>
                        </tbody>
                    </table>`,
            str4 = `<table width="100%" bgcolor="#dfdfdf" cellspacing="0" cellpadding="0" border="0" align="center">
                        <tbody>
                            <tr>
                                <td height="10"></td>
                            </tr>`;

        var str10 = `<table width="100%" bgcolor="#fff" cellspacing="0" cellpadding="0" border="0" align="center">
                        <tbody>
                            <tr>
                                <td style="vertical-align:bottom;">
                                    <a href="#">
                                        <img width="100%" style="width:100%; border:0; display:block; margin:0; padding:0; overflow:hidden;" src="./images/201605051.jpg">
                                    </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    ${changeStr1('40', '20', 'iPhone') + str3 + str4}
                   
                        </tbody>
                    </table>
                    ${str3 + str4 + str2}
                        </tbody>
                    </table>
                    ${changeStr1('20', '60', 'Accesorios para iPhone') + str3 + str4 + str2}
                        </tbody>
                    </table>
                    ${changeStr1('18', '64', 'Pantalla LCD para iPhone') + str3 + str4}
                        </tbody>
                    </table>
                    ${str3 + str4 + str2}
                            <tr>
                                <td height="20">
                                </td>
                            </tr>
                        </tbody>
                    </table>`;
        $("#main").prepend(str10);
    })(jQuery);
</script>